
body{
    background-color: #f5f5f5;
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
    font-size: 0;
    padding-bottom: 1.18rem;
    font-family: "微软雅黑";
}
/*banner*/
.banner{
    background: url("../img/banner.png") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 4rem;
}

/*nav*/
.nav{
    width: 100%;
    background-color:white ;
    font-size: 0;
    text-align: center;
}
.nav>li{
    width: 25vw;
    height: 2.2rem;
}
.nav i{
    color: white;
    font-size: .58rem;
}
.round{
    width: 1.06rem;
    height: 1.06rem;
    border-radius: 60%;
    margin-bottom: .2rem;
}
.nav>li:first-child .round{
    background: -webkit-linear-gradient(top,  #ffd375 0%,#ffc03a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffd375 0%,#ffc03a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.nav>li:nth-child(2) .round{
    background: -webkit-linear-gradient(top,  #fe8387 1%,#fd5c60 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fe8387 1%,#fd5c60 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.nav>li:nth-child(3) .round{
    background: -webkit-linear-gradient(top,  #6cc0fe 1%,#3397ec 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #6cc0fe 1%,#3397ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.nav>li:last-child .round{
    background: -webkit-linear-gradient(top,  #36db8a 1%,#11c88a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #36db8a 1%,#11c88a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.nav span{
    font-size: .24rem;
    color: #666666;
}

/*底部nav*/
.main-nav{
    background-color: white;
    border-top: 1px solid #e3e3e3;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}
.main-nav>li{
    width: 25vw;
    height: .98rem;
    color: #cfd0d5;
}
.main-nav>li:first-child{
    color:#4662ea;
}
.main-nav i{
    font-size: .46rem;
    display: block;
}
.main-nav span{
    font-size: .24rem;
}

/*新人专享*/
.xrzq{
    background-color: white;
    width: 100%;
    margin: .18rem 0;
    font-size: 0;
}
.jxlc{
    background-color: white;
    width: 100%;
    margin-top: .18rem;
    font-size: 0;
}

.title>div{
    background-color: #466eeb;
    width: .1rem;
    height: .34rem;
    display: inline-block;
    vertical-align: -.06rem;
    margin-right: .2rem;
}
.title{
    color: #666666;
    font-size: .32rem;
    margin-left: .3rem;
    height: .92rem;
}
.content:before{
    content: "";
    display: inline-block;
    width: .3rem;
}
.content:after{
    content: "";
    display: inline-block;
    width: .3rem;
}
.content{
    width: 100%;
    white-space: nowrap;
    overflow: scroll;
    font-size: 0;

}
.content li{
    display: inline-block;
    width: 3.26rem;
    height: 1.3rem;
    background-color: white;
    box-shadow: 2px 6px 18px rgba(132,132,132,.15);
    border-radius: 4px;
    padding: .2rem .22rem .16rem;
    margin-right: .1rem;
    margin-bottom: .28rem;
    border: 1px solid #f5f5f5;
}
.content li:last-child{
    margin-right: 0;
}
.text>span{
    font-size: .53rem;
    color: #667cf0;
    font-weight: bold;
}
.t-small{
    font-size: .35rem;
}
.text>div>span:first-child{
    font-size: .28rem;
    color: #666666;
}
.text>div>span{
    font-size: .24rem;
    color: #999999;
}
.progress{
    width: 100%;
    height: .1rem;
    background-color: #ebebeb;
    border-radius: .2rem;
    margin-top: .14rem;
}
.bar{
    width: 50%;
    height: .1rem;
    border-radius: .2rem;
    background: -webkit-linear-gradient(left,  #687bf0 1%,#a35df1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #687bf0 1%,#a35df1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.content2{
    padding:.3rem .3rem .4rem;
    border-top: 1px solid #dddddd;
}
.content2>span{
    background-color: #ffb924;
    color: white;
    font-size: .24rem;
    padding:.02rem .1rem;
}
.content2>h1{
    display: inline-block;
    font-size: .28rem;
    color: #333333;
    margin-left: .34rem;
}

.f2>li{

}
.f2>li:first-child h1{
    font-size: .53rem;
    color: #667cf0;
    font-weight: bold;
}

.f2>li:first-child>span{
    font-size: .22rem;
    color: #999999;
}

.f2>li:nth-child(2) span{
    font-size: .24rem;
    color: #666666;
}
.f2>li:nth-child(2) div{
    height: .15rem;
    border-radius: .15rem;
    margin-top: .26rem;
}
.f2>li:last-child button{
    border-radius: .6rem;
    width: 1.84rem;
    height: .6rem;
    font-size: .24rem;
    color: #fefefe;
    background: -webkit-linear-gradient(left,  #48c3ef 0%,#4662ea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #48c3ef 0%,#4662ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.f2>li:last-child button:active{
    transform: scale(.9);
}
.f2>li:last-child span{
    font-size: .22rem;
    color: #999999;
    margin-top: .16rem;
}
